@import "theme";
.rx-footer{
  //background-color: #1a1a1a;
  background-color: #959499;
  color: @gray4c;
  a{
    color: @gray4c;
    transition: all .3s ease-in-out;
    &:hover{
      color: @black;
    }
  }
}

.rx-footer-head{
  width: 100%;
  height: auto;
  padding: 36px 0 0;
  border-bottom: 1px solid #7c7c80;
  .contact{
    padding: 12px 0;
    text-align: center;
    em{
      width: 1px;
      height: 14px;
      background-color: #4b484c;
      display: inline-block;
      vertical-align: middle;
      margin: 0 10px;
    }
  }
}
.rx-footer-nav{
  width: 100%;
  height: 100px;
  font-size: 16px;
  li{
    display: inline-block;
    margin-right: 45px;
    position: relative;
  }
  .ewm-box{
    &:hover{
      .ewm{
        transform: scale(1);
        opacity: 1;
      }
    }
  }
  .ewm{
    position: absolute;
    top: -213px;
    left: 50%;
    margin-left: -80px;
    opacity: 0;
    transform-origin: center 220px;
    transform: scale(0);
    transition: all .3s ease-in-out;
  }
}
.rx-copyright{
  width: 100%;
  padding: 10px 0;
  line-height: 20px;
  font-size: 12px;
  text-align: center;
  letter-spacing: 1px;
}



//.rx-footer-head{
//  width: 100%;
//  height: auto;
//  padding: 45px 0 0;
//  color: @lightGray;
//  border-bottom: 1px solid #262626;
//  .contact{
//    padding: 28px 0;
//    em{
//      width: 1px;
//      height: 15px;
//      background-color: #333;
//      display: inline-block;
//      vertical-align: middle;
//      margin: 0 25px;
//    }
//  }
//}
//.rx-footer-nav{
//  width: 100%;
//  height: 116px;
//  font-size: 16px;
//  border-bottom: 1px solid #262626;
//  li{
//    display: inline-block;
//    margin-right: 70px;
//  }
//  a{
//    color: @lightGray;
//    transition: all .3s;
//    &:hover{
//      color: @white;
//    }
//  }
//}
//.rx-copyright{
//  width: 100%;
//  height: 60px;
//  line-height: 60px;
//  color: #404040;
//  font-size: 12px;
//  text-align: center;
//  letter-spacing: 1px;
//}
